<template>
    <header>
        <nav>
            <ul class="nav_bar">
                <li><a href="###">首页</a></li>
                <li><a href="###">新闻</a></li>
                <li><a href="###">产品</a></li>
            </ul>
        </nav>
    </header>
</template>

<!--sass,sass-loader    yarn add sass sass-loader -D   -->
<!--sass,sass-loader    npm i sass sass-loader -D  -->

<style lang='scss'>
.nav_bar{
    display: flex;
    justify-content: space-between;
    li{
        list-style: none;
        border: 1px solid #800080;
        a{
            color: #008000;
            font-size: 20px;
        }
    }
}
</style>